.page {
	background-image: url('../assets/login/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
.container {
	height: inherit;
	width: 850px;
	margin: auto;
}
.panel {
	width: 100%;
	min-width: 800px;
	height: 80%;
	max-height: 80%;
	background-color: rgba(255,255,255,0.85);
	border-radius: 10px;
	padding: 50px 50px;
	.left {
		box-sizing: border-box;
		.big {
			display: block;
			margin-top: 15%;
			width: 90%;
			height: auto;
		}
	}
	.right {
		.title-container{
			display: flex;
			margin-top: 10px;
			margin-bottom: 30px;
			h2{
				font-size: 28px;
				color: #2691FF;
				margin-top: 0;
				margin-bottom: 0;
			}
			span{
				font-size: 16px;
				margin-top: 12px;
				margin-left: 10px;
				color: #585858;
			}
		}
		.row{
			margin-bottom: 20px;
			text-align: center;
		}
		.btn{
			width: 100%;
		}
		.link{
			font-size: 14px;
			color: #535353;
			cursor: pointer;
			user-select: none; 
		}
		.qrCode-container{
			display: flex;
			margin-bottom: 30px;
			.ercode{
				margin-right: 0px;
			}

		}
	}
}
.videoContainer{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.videoContainer:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  top: 0;
  left: 0;
  background: rgba(25,29,34,.65);
}